<template>
	<view style="color:red;">
		<span class="leftValue">{{leftValue}}</span>
		.<span class="rightValue">{{rightValue?rightValue:'00'}}</span>
	</view>
</template>

<script setup>
	import {ref} from 'vue'
	const props = defineProps({
		price:String
	})
	const leftValue = ref('')
	const rightValue = ref('')
	leftValue.value = props.price.split('.')[0]
	rightValue.value = props.price.split('.')[1]
</script>

<style>
	.leftValue{
		font-size:28rpx;
	}
	.rightValue{
		font-size:20rpx;
	}
</style>